/*头部*/
#logo{
  height: 65px;
  text-align: center;
  color: #fff;
  top: 0;
  left: 0;
  z-index: 666;
}
.logoImg{
  width: 230px;
  height:30px;
 margin-top:20px;
 margin-left: 35px;
}
/*中间li列表*/
.listLi{
  width: 300px;
  top: 0;
  left: 50%;
  transform:translateX(-50%);
}
.w40{
  width: 40px;
}
.listLi li {
  float: left;  
  line-height: 65px;
}
.listLi li a{
  text-decoration: none;
  font-size: 14px;
  color: #fff;
}
.listLi li.active a{
  padding-bottom: 20px;
}
.listLi li.active a:hover{
  border-bottom:2px solid #fff;
  font-size: 16px;
}
/*右边注册*/
.logList a{
  display: inline-block;
  padding: 4px 16px;
  border:1px solid #fff;
  border-radius: 20px 20px;
   color:#fff;
   margin:20px 10px ;
}
.logList .logoA2{
  background: #ed510a;
  border:1px solid #ed510a;
}
/*bannner图*/
.swiper {
  height: 680px;
} 
.bg01{
  background: url(../images/banner1.png) no-repeat center;
}
.bg02{
  background: url(../images/banner2.png) no-repeat center;
}
.bg03{
  background: url(../images/banner3.png) no-repeat center;
}
/*主体第一个盒子*/
.main01{
  height:610px;
}
.main01 .mainH1{
  height:40px;
  margin-top: 110px;
  font-size: 38px;
  margin-bottom: 15px;
}
.main01 .mainH2{
  margin-bottom: 30px;
  color:#666;
}
.main01 a{
  margin-bottom: 35px;
}
/*第一个盒子的li列表*/
.mainUl{
  height:320px; 
  padding-left: 110px;
}
.mainUl li{
  width: 245px;
  height:280px;
  float: left;
  margin:40px 34px 0 0;
  box-shadow: 2px 4px 10px 0px rgba(0,91,224,.6);
  box-sizing: border-box;
}
.mainUl li img{
  width: 100%;
}
.mainUl li h4{
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 20px;
}
.mainUl li p{
  color:#666;
  margin-bottom: 25px;
  margin-left: 20px;
}
.mainUl li a{
  margin-left: 20px;
}
/*api服务和分类*/
#apiList{
  height: 645px;
  background: #f8f9fb ;
  padding:90px;
}
#apiList .apiP{
 margin:15px 0;
}
/* #apiList 移入效果 */
/* #apiList .imgList li:hover{
  cursor: pointer;
  background: rgba(0,91,224,.6);
  color:#fff;
  box-shadow: 2px 4px 10px 5px rgba(104, 0, 224, 0.6);

} */
/*api图片列表*/
.imgList{
  height: 500px;
  box-sizing: border-box;
}
.imgList li{
  height: 140px;
  float: left;
  padding: 40px 40px;
  background: #fff;
  margin: 20px 20px 0 0;
  box-shadow: 2px 4px 10px 4px rgba(0,91,224,.6);
}
#liNo{
  width: 100%;
  height:10px;
  box-shadow: 0;

}
.imgList  p{
  width: 140px;
  height: 14px;
  font-size: 22px;
  margin-top: 30px;
}
#imgListli{
  display: inline-block;
  height:80px;
  margin: 35px 0 65px 0;
  list-style: none;
}
/*apimaster*/
#apiMaster{
  /* height: 1060px; */
  background: #fff;
  padding-bottom: 100px;
}
#apiMaster h4{
  margin: 110px 0 20px 0;

}
#apiMaster .masterP{
  display: inline-block;
  height: 30px;
  margin:0 0 25px 0; 
}
/* 右边li列表 */
#rightLi{
  /* width: 550px;
  height: 520px; */
  margin-top: -25px;

}
#leftImg{
  width: 645px;
  height: 600px;
}
#rightLi li{
  /* height: 80px; */
  /* margin: 25px 0 0 0; */
  background: #fbfbfd;
  padding: 20px;
  margin-top: 20px;
  box-sizing: border-box;
  position: relative;
}
#rightLi li .liBg{
  background: url(../images/master-item-icon-01.svg) no-repeat;
  padding-left: 25px;
  padding-bottom: 10px;
}
#rightLi li .liBg1{
  background: url(../images/master-item-icon-02.svg) no-repeat;  padding-left: 25px;  padding-bottom: 10px;
}
#rightLi li .liBg2{
  background: url(../images/master-item-icon-03.svg) no-repeat;  padding-left: 25px;  padding-bottom: 10px;
}
#rightLi li .liBg3{
  background: url(../images/master-item-icon-04.svg) no-repeat;  padding-left: 25px;  padding-bottom: 10px;
}
#rightLi li .liBg4{
  background: url(../images/master-item-icon-05.svg) no-repeat;  padding-left: 25px;  padding-bottom: 10px;
}
#rightLi li .liBg5{
  background: url(../images/master-item-icon-06.svg) no-repeat;  padding-left: 25px;  padding-bottom: 10px;
}
#rightLi li span{
  display: inline-block;
  width: 4px;
  height:20px;
  background: #1271ef;
  position: absolute;
  top:32px;
  left: 0;
}
/*独角兽*/
/* 上面盒子 */




#footer{
  height: 500px;
}